page{
	background: #F7F7F7;
}
.containers{
	.scroll-view_H{
		// margin-top: 20rpx;
		white-space: nowrap;
		// height: 80rpx;
		width:100%; 
		// padding-left: 18rpx;
		// padding-right: 18rpx;
	}
	 .scroll-item{
		 width: 200rpx;
		 height: 80rpx;
		 background: #ddf1e7;
		 border-radius: 40rpx;
		 text-align: center;
		 line-height: 80rpx; 
		 font-size: 32rpx; 
		  color: #222222;
		 display: inline-block;
		 margin: 0 10rpx;
		 &.active{
		 	background: #22DE7C;
			 color: #ffffff;
		 }
	 }
	 
	 
	 .test-result{
	 	color:#202735;
	 	.green-color{
	 		color: #2bed63;
	 	}
	 
	 	.result-data{
	 		border-bottom:1rpx solid #DDDDDD;
	 		.v-item{
	 			width: 33.333%;
	 			&.center{
	 				position: relative;
	 				&::before{
	 					position: absolute;
	 					content: '';
	 					display: block;
	 					height:52rpx;
	 					width: 1rpx;
	 					background: #DDDDDD;
	 					left: 0;
	 					top: 50%;
	 					margin-top: -26rpx;
	 				}
	 				&::after{
	 					position: absolute;
	 					content: '';
	 					display: block;
	 					height:52rpx;
	 					width: 1rpx;
	 					background: #DDDDDD;
	 					right: 0;
	 					top: 50%;
	 					margin-top: -26rpx;
	 				}
	 			}
	 		}
	 	}
	 	
	 }
	
	.week-trend{
		.circle-icon{
			display: inline-block;width: 20rpx;height: 20rpx;border-radius: 50rpx;background: #1890ff;
			&.low{
				background: #2fc25b;
			}
		}
	}
	
	.check-box{
		background-color: #FFFFFF; 
		.title{ 
			font-size: 32rpx; 
			font-weight: 600; 
			color: #222222;
			line-height: 30rpx;
			padding: 30rpx;
			background-color: #FFFFFF;
		}
		.list-item{
			 
			width: 92%;
			border-bottom: 1px solid #E9E9E9;
			margin: auto;
			padding-bottom: 20rpx;
			margin-bottom: 20rpx;
			.date{
				color: #888888;
				font-size: 28rpx;
				margin:0 20rpx;
			}
			.desc{
				color: #222222;
				font-size: 40rpx;
				margin-top: 20rpx;
				padding-left: 15rpx;
			}
		}
	}
	
	.create-modal{
		.title{ 
			font-size: 32rpx; 
			font-weight: 600;
			text-align: center;
			color: #ff4141;
		}
		.desc{ 
			font-size: 30rpx; 
			font-weight: 300;
			text-align: center;
			color: #222222;
			margin-top: 40rpx;
			margin-bottom: 80rpx;
		}
		.btn-close{
			width: 220rpx;
			height: 88rpx;
			background: #eeeeee;
			border-radius: 44rpx;
			color: #222222;
			font-size: 32rpx;
			text-align: center;
			line-height: 88rpx;
			margin: auto;
		}
		.btn-submit{
			width: 220rpx;
			height: 88rpx;
			background: #FF3939;
			border-radius: 44rpx;
			color: #FFFFFF;
			font-size: 32rpx;
			text-align: center;
			line-height: 88rpx;
			margin: auto;
		}
	}
	.f2_container {
	       width: 100%;
	       height: 300rpx;
			.f2-canvas {
			  width: 100%;
			  height: 100%;
			}
	   }
	.normal{
		background: #0DC160;width: 80rpx;height: 44rpx;text-align: center;border-radius: 8rpx;margin-left: 16rpx;
		line-height: 44rpx;
	}
	.danger{
		background:red;width: 80rpx;height: 44rpx;text-align: center;border-radius: 8rpx;margin-left: 16rpx;
		line-height: 44rpx;
	}
	
	// 
	::-webkit-scrollbar{ 
	  width: 0; 
	  height: 0;
	  color: transparent;
	
	}
}
	